{include file="$html_tpl_path/box_top.html" name=$box_name}
{include file="$html_tpl_path/box_name.html" name=$box_name class=$box_name}

<div class="itdotmedia_main_navigation box_content{if $box_name} {$box_name}{/if} clearfix" {if $id}id="{$id}"{/if}>
  <ul class="level1 navigation">
    {foreach from=$BOX_CONTENT item=navi_item}
      <li class="li_level_{$navi_item.level}{if $navi_item.children.count > 0} has_sub{/if}">
        <a class="a_level_{$navi_item.level}" href="/{$navi_item.cat_href}">
          {$navi_item.cat_name}
        </a>
        
        {if $navi_item.children.count > 0}
        
        <div class="dropdown" style="display:none;top:-40px;">
          <ul class="level2">
            {foreach from=$navi_item.children.items item=navi_sub}
              <li class="li_level_{$navi_sub.level}">
                <a class="a_level_{$navi_sub.level}" href="/{$navi_sub.cat_href}">
                {if $navi_sub.cat_img}
                  <img class="img-sub" src="{$navi_sub.cat_img}"><br>
                {else}
                  <img class="img-sub" src="/media/content/kategoriebild.jpg"><br>
                {/if}
                  {$navi_sub.cat_name}
                </a>
              </li>
            {/foreach}
            
          </ul>
          <div style="background:#000;width:100%;height:100%;position:absolute"></div>
        </div>
        <div class="naviarrow"></div>
        {/if}
        
      </li>
      
    {/foreach}
  </ul>
  <a style="font-size:120%;font-family:sintonybold;top:10px;position:relative;" href="/buerostuehle/drehstuehle/">Stuhlshop</a>
</div>

{include file="$html_tpl_path/box_bottom.html"}